<template>
  <div>
    <template v-if="num == 1">
      <unitSee></unitSee>
    </template>
    <template v-if="num ==2">
      <unitEdit></unitEdit>
    </template>
    <template v-if="num == 3">
      <addAdmin></addAdmin>
    </template>
    <template v-if="num ==4">
      <addPermission></addPermission>
    </template>
    <template v-if="num ==5">
      <seeAdmin></seeAdmin>
    </template>
    <template v-if="num ==6">
      <seeUser></seeUser>
    </template>
    <template v-if="num ==7">
      <userRole></userRole>
    </template>
  </div>
</template>

<script>
  import {$aos} from "../../../store/state";
  import unitSee from './unitSee';
  import unitEdit from './userRole';
  import addAdmin from './addAdminOrUser';
  import seeAdmin from './seeAdmin';
  import seeUser from './seeUser';
  import addPermission from './addPermission';
  import userRole from './userRole'
  export default {
    name: "unit_list",
    data(){
      return{
        num:'',
      }
    },
    created(){
      $aos.getItem('tabNum').then(res=>{
        this.num = res;
      })
    },
    components:{
      unitSee,
      unitEdit,
      addAdmin,
      addPermission,
      seeAdmin,
      seeUser,
      userRole
    }
  }
</script>

<style scoped>

</style>
